<template>
  <div id="app" >
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" class="animated"/>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"/>
  </div>
</template>
<script>
	export default {
		name: 'app',
		components: {
		},
    data(){
			return {
      }
    }
	}
</script>
<style lang="scss">
  #app {
    color: #2c3e50;
  }
  @media only screen and (max-width: 1440px){
    .body-container{
      width: 100%;
      margin:0 auto;
    }
  }
  @media only screen and (min-width: 1440px){
    .body-container{
      width: 1440px;
      margin:0 auto;
    }
  }
  .body-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
  }

</style>
